<template>

    <div id="nav">
      <router-link to="/home" ><van-icon name="wap-home" /><br><span>首页</span></router-link>
      <router-link to="/list" ><van-icon name="bars" /><br><span>分类</span></router-link>
      <router-link to="/shop" ><van-icon name="shopping-cart" /><br><span>购物车</span></router-link>
      <router-link to="/wode" ><van-icon name="manager" /><br><span>我的</span></router-link>
    </div>
    
</template>

<style >
* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
html {
  font-size: 26.67vw;
}
body {
  display: flex;
  flex-direction: column;
  font-size: 0.12rem;
}
::-webkit-scrollbar {
  display: none;
}

#nav {
  width: 100%;
  height: .5rem;
text-align: center;
  position: fixed;
  bottom: 0;
  background-color:white ;
  display: flex;
  justify-content: space-around;
}
router-link{
display: flex;
flex-direction: column;
}
a:hover{
color: rgb(238, 238, 238);
}
a {
  text-decoration: none;
  padding-top: .06rem;
    line-height: .2rem;
  color: rgb(104, 103, 103);
}
@import url(//at.alicdn.com/t/font_3198727_7w9seueydbj.css);
</style>
